import React from 'react'
import MyContext from '../../Context/App'

export default class index extends React.Component {
    static contextType = MyContext
    render() {
        // console.log(this.context)
        return (
            <div>
                <h1>Header</h1>
            </div>
        )
    }
}
/*
export default function Header() {

    const [count, setCount] = React.useState(0)
    const [name, setName] = React.useState('Tom')

    React.useEffect(() => {
        // console.log('@')
    }, [])

    function add() {
        // setCount(count + 1)
        setCount(c => c + 1)
        setName(c => c + count)
    }

    const input = React.useRef()

    return (
        <div>
            <h1>Count: {count}</h1>
            <h1>Name: {name}</h1>
            <button onClick={add}>ADD</button>
            <hr style={{ height: '20px' }} />
            <input type="text" ref={input} />
            <button onClick={() => { console.log(input.current.value) }}>INPUT</button>
        </div>
    )
} */
